<template>
  <div class="top_menu">
    <!-- 组织机构 -->
    <organization-view />

    <!-- 人员管理 -->
    <person-management />

    <!-- 作业区域道路设定 -->
    <work-area-list />

    <!-- 考勤管理 -->
    <attendance-view />
  </div>
</template>

<script>
// import eventBus from '@/eventBus.js'

// 作业区域道路设定
import WorkAreaList from '@/views/CleanerWork/TopToolbar/WorkAreaList.vue'
// 组织机构
import Organization from '@/views/CleanerWork/TopToolbar/Organization.vue'
// 人员管理
import PersonManagement from '@/views/CleanerWork/TopToolbar/PersonManagement.vue'
// 考勤管理
import Attendance from '@/views/CleanerWork/TopToolbar/Attendance.vue'

export default {
  components: {
    'work-area-list': WorkAreaList,
    'organization-view': Organization,
    'person-management': PersonManagement,
    'attendance-view': Attendance
  }
}
</script>

<style scoped lang="less">
.top_menu {
  height: 30px;
  color: #fff;
  background-color: #3baefa;
  display: flex;
  align-items: center;
}
</style>
